<template>
  <div>
    <div class="page">
      <div class="page-bd">
        <!-- 面包屑导航 -->
        <el-row type="flex" justify="space-between" class="breadcrumb">
          <div>
            <img src="~@/assets/images/programme-home.png" class="icon-home">
            <span style="margin-right: 25px;">方案设计</span>
            <span>管理方案</span>
            <span style="margin-left: 5px;margin-right: 5px;">></span>
            <span>设计方案</span>
            <span style="margin-left: 5px;margin-right: 5px;">></span>
            <span>{{ programmes[0].batch }}</span>
          </div>
          <el-row type="flex" align="middle">
            <span>{{ user.name }}</span>
            <span style="margin: 0 20px;">{{ user.sex == 0 ? "男" : "女" }}</span>
            <span style="margin: 0 10px;">
							<span v-if="programmes[0].majorType == 1">理科</span>
							<span v-if="programmes[0].majorType == 2">文史</span>
							<span v-if="programmes[0].majorType == 3">艺术理</span>
							<span v-if="programmes[0].majorType == 4">艺术文</span>
						</span>
            <span style="margin: 0 10px;" v-if="user.score">分数:{{ user.score }}</span>
            <span style="margin: 0 10px;" v-if="user.precedence">位次:{{ user.precedence }}</span>
          </el-row>
        </el-row>
        <div class="page-block" :style="{'height': searchHeight + 'px'}">
          <!-- tabs -->
          <el-row type="flex">
            <!-- 理科: 理科、艺术理 文史: 文史、艺术文  -->
            <div class="queryParams-row1" style="margin-right: 50px;">
              <el-radio-group class="g-readonly" :value="[1, 3].includes(this.form.majorType)"
                              style="flex-shrink: 0; margin-right: 60px;">
                <el-radio-button :label="false">文史</el-radio-button>
                <el-radio-button :label="true">理工</el-radio-button>
              </el-radio-group>
            </div>
            <el-tabs class="ui-tabs" v-model="tabs.active" style="flex: 1; min-width: 0;">
              <el-tab-pane disabled v-for="item in tabs.list" :key="item.id" :label="item.label" :name="item.value">
              </el-tab-pane>
            </el-tabs>
          </el-row>
          <!-- input搜索区 -->
          <div class="ui-tbHeaderForm-searchCells">
            <div class="ui-tbHeaderForm-searchCell" style="flex: 1;">
              <span class="ui-tbHeaderForm-searchCell__label" style="margin-right: 15px;">院校名称</span>
              <el-autocomplete style="width: 180px;" class="ui-tbHeaderForm-searchCell__value" v-model="school"
                               @blur="schoolBoolen = true" @focus="schoolBoolen = false"
                               :fetch-suggestions="querySchoolSearch"
                               placeholder="请输入内容" :trigger-on-focus="false">
              </el-autocomplete>
            </div>
            <div style="flex-shrink: 0; display: flex;">
              <div class="ui-tbHeaderForm-searchCell">
                <span class="ui-tbHeaderForm-searchCell__label">专业1</span>
                <el-autocomplete class="ui-tbHeaderForm-searchCell__value" v-model="major1"
                                 :fetch-suggestions="queryMajorSearch"
                                 placeholder="请输入专业名称" :trigger-on-focus="false" style="width: 180px;">
                </el-autocomplete>
              </div>
              <div class="ui-tbHeaderForm-searchCell">
                <span class="ui-tbHeaderForm-searchCell__label">专业2</span>
                <el-autocomplete class="ui-tbHeaderForm-searchCell__value" v-model="major2"
                                 :fetch-suggestions="queryMajorSearch"
                                 placeholder="请输入专业名称" :trigger-on-focus="false" style="width: 180px;">
                </el-autocomplete>
              </div>
              <div class="ui-tbHeaderForm-searchCell">
                <span class="ui-tbHeaderForm-searchCell__label">专业3</span>
                <el-autocomplete class="ui-tbHeaderForm-searchCell__value" v-model="major3"
                                 :fetch-suggestions="queryMajorSearch"
                                 placeholder="请输入专业名称" :trigger-on-focus="false" style="width: 180px;">
                </el-autocomplete>
              </div>
              <div class="ui-tbHeaderForm-searchCell">
                <span class="ui-tbHeaderForm-searchCell__label">分数</span>
                <el-input class="ui-tbHeaderForm-searchCell__value" placeholder="请输入分数" style="width: 100px;"
                          v-model="fraction" :disabled="disabledFlag" @input="Ipt(1)"></el-input>
              </div>
              <div class="ui-tbHeaderForm-searchCell">
                <span class="ui-tbHeaderForm-searchCell__label">位次</span>
                <el-input class="ui-tbHeaderForm-searchCell__value" placeholder="请输入位次" style="width: 100px;"
                          v-model="precedence" :disabled="disabledFlag" @input="Ipt(2)"></el-input>
              </div>
            </div>
          </div>
          <section class="collapse">
            <div class="chooseBlock" :class="{ 'chooseBlock-close': collapseOpen === false }">
              <div class="chooseBlock-cell">
                <span class="chooseBlock-cell__label">所在省份</span>
                <el-checkbox-group class="ui-tbHeaderForm-elCheckbox" v-model="checkedCities" ref="checkboxCities">
                  <el-checkbox v-for="item in cities" style="margin-left:0; font-size: 15px; padding: 0;"
                               :label="item.value" :key="item.value" @change="sfclick(item.label, $event)">{{
                      item.label
                    }}
                  </el-checkbox>
                </el-checkbox-group>
              </div>
              <div class="chooseBlock-cell">
                <span class="chooseBlock-cell__label">院校类型</span>
                <el-checkbox-group class="ui-tbHeaderForm-elCheckbox" v-model="checkedSchoolTypes">
                  <el-checkbox v-for="item in SchoolTypes" :label="item.value" :key="item.value"
                               @change="schooltypeclick(item.value, $event)">{{ item.value }}
                  </el-checkbox>
                </el-checkbox-group>
              </div>
              <div class="chooseBlock-cell">
                <span class="chooseBlock-cell__label">博硕资格</span>
                <el-checkbox-group class="ui-tbHeaderForm-elCheckbox" v-model="checkedQualifications">
                  <el-checkbox v-for="item in Qualifications" :label="item.value" :key="item.value"
                               @change="qualificationsclick(item.value, $event)">{{ item.label }}
                  </el-checkbox>
                </el-checkbox-group>
              </div>
              <div class="chooseBlock-cell">
                <span class="chooseBlock-cell__label">院校层级</span>
                <el-checkbox-group class="ui-tbHeaderForm-elCheckbox" v-model="checkedHierarchys">
                  <el-checkbox v-for="item in Hierarchys" :label="item.value" :key="item.value"
                               @change="hierarchysclick(item.value, $event)">{{ item.label }}
                  </el-checkbox>
                </el-checkbox-group>
              </div>
              <el-row type="flex">
                <div class="chooseBlock-cell" style="flex: 1; margin-bottom: 0;">
                  <span class="chooseBlock-cell__label">办学性质</span>
                  <el-checkbox-group class="ui-tbHeaderForm-elCheckbox" v-model="checkedNatures">
                    <el-checkbox v-for="item in Natures" :label="item.value" :key="item.value"
                                 @change="natureclick(item.value, $event)">{{ item.label }}
                    </el-checkbox>
                  </el-checkbox-group>
                </div>
              </el-row>
            </div>
            <div class="collapse-tags" v-show="collapseOpen === false"
                 :style="collapseOpen === false && 'min-height: 40px;'">
              <template
                v-for="(item) in ['checkedCities', 'checkedSchoolTypes', 'checkedQualifications', 'checkedHierarchys', 'checkedNatures']">
                <el-tag v-if="checkboxTagFilter(item)" @close="resetCheckBoxItem(item)" closable>
                  {{ checkboxTagFilter(item) }}
                </el-tag>
              </template>
            </div>
            <el-row class="collapse-ft" type="flex" justify="end">
              <div style="flex-shrink: 0; display: flex; align-items: center; pointer-events: auto;">
                <el-button type="primary" size="medium" @click="getSchoolyz()">查询</el-button>
                <el-button size="medium" @click="Reset()">重置</el-button>
                <span v-if="searchTag || searchResultIdList.length > 0"
                      style="margin-left: 30px;margin-right: 15px;color: var(--primaryColor);">
                  <span style="font-size: 14px; font-weight: 500;">
									检索结果  {{ searchCountFn(currentCode) }} / {{ count }}
								</span>
                  <span style="font-size: 16px; cursor: pointer;">
                    <span @click="toNextResultFn(-1)"><i class="el-icon-arrow-up"></i></span>
                    <span @click="toNextResultFn(1)" style="margin-left: 10px"><i class="el-icon-arrow-down"></i></span>
                  </span>
                </span>
                <span @click="searchToggleFn"
                      style="margin-left: 120px; color: var(--primaryColor); cursor: pointer;">
									<img style="width: 17px; height: 17px; vertical-align: text-top;"
                       :style="collapseOpen === false && 'transform: rotateX(180deg);'"
                       src="~@/assets/images/programme-collapse.png" class="icon-home">
									{{ collapseOpen ? '收起' : '展开' }}
								</span>
              </div>
            </el-row>
          </section>
        </div>
        <!-- 表格区 -->
        <div style="margin: auto;" :style="{'padding-top': (searchHeight + 65) + 'px'}">
          <!-- 普通 -->
          <div v-if="ptfrom">
            <div
              class="el-table ui-table el-table--fit el-table--border el-table--group el-table--scrollable-y el-table--enable-row-hover table-spec-th"
              :style="{'top': (searchHeight + ThHeight + 66) + 'px'}">
              <div class="el-table__header-wrapper">
                <table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width: 1440px;">
                  <colgroup>
                    <col name="el-table_1_column_1" width="80">
                    <col name="el-table_1_column_2" width="95">
                    <col name="el-table_1_column_3" width="212">
                    <col name="el-table_1_column_4_column_5" width="77">
                    <col name="el-table_1_column_4_column_6" width="77">
                    <col name="el-table_1_column_4_column_7" width="77">
                    <col name="el-table_1_column_8_column_9" width="51">
                    <col name="el-table_1_column_8_column_10" width="51">
                    <col name="el-table_1_column_8_column_11" width="51">
                    <col name="el-table_1_column_12_column_13" width="56">
                    <col name="el-table_1_column_12_column_14" width="56">
                    <col name="el-table_1_column_12_column_15" width="56">
                    <col name="el-table_1_column_16" width="66">
                    <col name="el-table_1_column_17" width="66">
                    <col name="el-table_1_column_18" width="66">
                    <col name="el-table_1_column_19" width="87">
                    <col name="el-table_1_column_20" width="74">
                    <col name="el-table_1_column_21" width="51">
                    <col name="el-table_1_column_22" width="90">
                    <col name="el-table_1_column_23" width="1">
                  </colgroup>
                  <thead class="is-group">
                  <tr class="">
                    <th colspan="1" rowspan="2" class="el-table_1_column_1  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">录取概率</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_2  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">院校代码</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_3  is-left   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">院校名称</div>
                    </th>
                    <th colspan="3" rowspan="1" class="el-table_1_column_4  is-center mergeTh  el-table__cell"
                        style="text-align: center;">
                      <div class="cell">计划数 | 投档数</div>
                    </th>
                    <th colspan="3" rowspan="1" class="el-table_1_column_8  is-center mergeTh  el-table__cell"
                        style="text-align: center;">
                      <div class="cell">投档线</div>
                    </th>
                    <th colspan="3" rowspan="1" class="el-table_1_column_12  is-center mergeTh  el-table__cell"
                        style="text-align: center;">
                      <div class="cell">投档位次</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_16  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">综合排名</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_17  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">层级属性</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_18  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">所在城市</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_19  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">主管部门</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_20  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">录取形式</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_21  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">{{ PlanYear }}计划</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_22  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">填报</div>
                    </th>
                    <th colspan="1" rowspan="2"
                        class="el-table_1_column_23   undefined el-table__expand-column  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell"></div>
                    </th>
                  </tr>
                  <tr class="">
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_4_column_5  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">{{ nowYear - 2 }}</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_4_column_6  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">{{ nowYear - 1 }}</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_4_column_7  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">{{ nowYear }}</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_8_column_9  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">{{ nowYear - 2 }}</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_8_column_10  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">{{ nowYear - 1 }}</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_8_column_11  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">{{ nowYear }}</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_12_column_13  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">{{ nowYear - 2 }}</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_12_column_14  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">{{ nowYear - 1 }}</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_12_column_15  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">{{ nowYear }}</div>
                    </th>
                  </tr>
                  </thead>
                </table>
              </div>
            </div>
            <el-table class="ui-table" v-loading="loading" ref="multipleTable" :data="tableData"
                      :cell-style="cellStyle" :show-header="false" :style="{'top': TableTop + 'px'}"
                      :row-class-name="schoolClassName" :header-cell-style="{'text-align':'center'}">
              <ColProbability label="录取概率"/>
              <el-table-column prop="code" label="院校代码" width="95" align="center">
                <template slot-scope="props">
                  <span @click="clickTable(props.row, props.$index)" style="cursor: pointer;">
                    <span :class="schoolCodeClasses(props.row.code)">{{ props.row.code }}</span>
                    <i v-show="props.isExpanded" style="color: #ccc;" class="el-icon-caret-bottom"></i>
                    <i v-show="!props.isExpanded" style="color: #ccc;" class="el-icon-caret-right"></i>
                  </span>
                </template>
              </el-table-column>
              <el-table-column prop="schoolName" label="院校名称" align="left">
                <template slot-scope="scope">
                  <div style="display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-between">
                    <span @click="details(scope.row)" style="cursor: pointer;font-size: 14px;text-align: left"
                          v-html="showDate(scope.row.schoolName, '普通')"></span>
                    <div style="cursor: pointer;margin-right: 0.5em;">
                      <i v-if="scope.row.schoolDesc" class="el-icon-warning-outline"
                         style="font-size: 18px;color: #f96630;" @click="introduce(scope.row.schoolDesc)"></i>
                    </div>
                  </div>
                </template>
              </el-table-column>
              <el-table-column prop="toudang2015" label="计划数 | 投档数" align="center" class-name="mergeTh">
                <el-table-column align="center" class-name="mergeTh-child" prop="toudang2019" :label="nowYear - 2 + ''"
                                 min-width="30px"></el-table-column>
                <el-table-column align="center" class-name="mergeTh-child" prop="toudang2020" :label="nowYear - 1 + ''"
                                 min-width="30px"></el-table-column>
                <el-table-column align="center" class-name="mergeTh-child" prop="toudang2021" :label="nowYear + ''"
                                 min-width="30px">
                  <template slot-scope="scope">
                    <span class="font-strong">{{ scope.row.toudang2021 }}</span>
                  </template>
                </el-table-column>
              </el-table-column>

              <el-table-column prop="shift_line2019" label="投档线" align="center" class-name="mergeTh">
                <el-table-column align="center" class-name="mergeTh-child" prop="shiftLine2019"
                                 :label="nowYear - 2 + ''"
                                 min-width="20px"></el-table-column>
                <el-table-column align="center" class-name="mergeTh-child" prop="shiftLine2020"
                                 :label="nowYear - 1 + ''"
                                 min-width="20px"></el-table-column>
                <el-table-column align="center" class-name="mergeTh-child" prop="shiftLine2021" :label="nowYear + ''"
                                 min-width="20px">
                  <template slot-scope="scope">
                    <span class="font-strong">{{ scope.row.shiftLine2021 }}</span>
                  </template>
                </el-table-column>
              </el-table-column>
              <el-table-column prop="ranking2019" label="投档位次" align="center" class-name="mergeTh">
                <el-table-column align="center" class-name="mergeTh-child" prop="ranking2019" :label="nowYear - 2 + ''"
                                 min-width="22px"></el-table-column>
                <el-table-column align="center" class-name="mergeTh-child" prop="ranking2020" :label="nowYear - 1 + ''"
                                 min-width="22px"></el-table-column>
                <el-table-column align="center" class-name="mergeTh-child" prop="ranking2021" :label="nowYear + ''"
                                 min-width="22px">
                  <template slot-scope="scope">
                    <span class="font-strong">{{ scope.row.ranking2021 }}</span>
                  </template>
                </el-table-column>
              </el-table-column>
              <el-table-column align="center" prop="sortNum" label="综合排名" min-width="26px"></el-table-column>
              <!--            <el-table-column align="center" prop="schoolType" label="院校类型" min-width="26px"></el-table-column>-->

              <el-table-column align="center" prop="level" label="层级属性" min-width="26px"></el-table-column>
              <el-table-column align="center" prop="city" label="所在城市" min-width="26px"></el-table-column>
              <el-table-column align="center" prop="manager" label="主管部门" min-width="34px"></el-table-column>
              <el-table-column align="center" prop="majorPlan" label="录取形式" min-width="29px"></el-table-column>
              <el-table-column align="center" prop="plan2022" :label="PlanYear + '计划'" min-width="20px">
                <template slot-scope="scope">
                  <span v-if="scope.row.plan2022 > scope.row.plan2021" class="icon-top">
                    {{ scope.row.plan2022 }}<i>↑</i>
                  </span>
                  <span v-else-if="scope.row.plan2021 > scope.row.plan2022" class="icon-bottom">
                    {{ scope.row.plan2022 }}<i>↓</i>
                  </span>
                  <span v-else>{{ scope.row.plan2022 }}</span>
                </template>
              </el-table-column>
              <el-table-column align="center" prop="zy" label="填报" width="90">
                <template slot-scope="scope">
                  <el-dropdown trigger="click" style="margin: 0;padding: 0;">
                    <span class="el-dropdown-link" :class="scope.row.schemeName ? 'scheme' : 'not-scheme'"
                          style="margin: 0;cursor: pointer;">
                      {{ scope.row.schemeName ? scope.row.schemeName : '请选择' }}
                    </span>
                    <i class="el-icon-caret-bottom"></i>
                    <el-dropdown-menu slot="dropdown">
                      <el-dropdown-item v-for="(item, index) in dropList" :key="index" :command="item.label"
                                        style="padding: 0;text-align: center;">
                        <span @click="statusChange(scope.$index, item.label)" style="width: 60px;padding: 10px;">{{
                            item.label
                          }}</span>
                      </el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
                </template>
              </el-table-column>
              <!-- 展开后的表格 -->
              <el-table-column type="expand" width="1">
                <template slot-scope="props">
                  <el-table class="ui-expandTable" :data="props.row.children" style="width: 100%;font-size: 14px;"
                            :cell-style="cellStyles">
                    <ColProbability label="录取概率"/>
                    <el-table-column align="center" prop="majorCode" label="专业代码" width="95"></el-table-column>
                    <el-table-column align="center" prop="majorName" label="专业|专业等级">
                      <template slot-scope="scope">
                        <el-row type="flex" style="text-align: left;">
                          <span style="font-size: 15px; margin-right: 0.5em; flex: 1;"
                                v-html="showDate(scope.row.majorName, '普通')"></span>
                          <!-- row.color === 'red' -->
                          <i v-if="scope.row.majorDesc" class="el-icon-warning-outline"
                             style="font-size: 18px;color: #f96630;" @click="introduce(scope.row.majorDesc)"></i>
                        </el-row>
                      </template>
                    </el-table-column>
                    <el-table-column prop="msg2015" label="计划数 / 录取数  |  最高分 / 平均分 / 最低分| 最高位次-最低位次"
                                     class-name="mergeTh"
                                     align="center">
                      <el-table-column prop="msg2015" :label="MajorNowYear - 2 + ''" class-name="mergeTh-child"
                                       width="216" align="center"></el-table-column>
                      <el-table-column prop="msg2016" :label="MajorNowYear - 1 + ''" class-name="mergeTh-child"
                                       width="236" align="center"></el-table-column>
                      <el-table-column prop="msg2017" :label="MajorNowYear + ''" class-name="mergeTh-child" width="236"
                                       align="center"></el-table-column>
                    </el-table-column>
                    <el-table-column prop="plan2018" :label="MajorPlanYear + '计划'" min-width="14px" align="center">
                      <template slot-scope="scope">
                        <span v-if="scope.row.plan2018 > scope.row.plan2017" class="icon-top">{{
                            scope.row.plan2018
                          }}↑</span>
                        <span v-else-if="scope.row.plan2017 > scope.row.plan2018"
                              class="icon-bottom">{{ scope.row.plan2018 }}↓</span>
                        <span v-else>{{ scope.row.plan2018 }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column label="操作" style="padding: 0;" align="center" width="90">
                      <template slot-scope="propss" style="padding: 0;">
                        <el-dropdown trigger="click" style="margin: 0;padding: 0;">
                          <span class="el-dropdown-link" :class="propss.row.sort ? 'scheme' : 'not-scheme'"
                                style="margin: 0;cursor: pointer;">
                            {{ propss.row.sort ? propss.row.sort : '请选择' }}
                          </span>
                          <i class="el-icon-caret-bottom"></i>
                          <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item v-for="(item, index) in majorList" :key="index" :command="item.label"
                                              style="padding: 0;text-align: center;">
                              <span @click="majorchange(props.$index, propss.$index, props.row, propss.row, item.label)"
                                    style="width: 60px;padding: 10px;">{{ item.label }}</span>
                            </el-dropdown-item>
                          </el-dropdown-menu>
                        </el-dropdown>
                      </template>
                    </el-table-column>
                  </el-table>
                </template>
              </el-table-column>
            </el-table>
          </div>
          <!-- 特殊批次 -->
          <div v-if="tsfrom">
            <div class="el-table ui-table el-table--fit el-table--border el-table--group el-table--enable-row-hover el-table--enable-row-transition table-spec-th"
                 :style="{'top': (searchHeight + ThHeight + 66) + 'px'}">
              <div class="el-table__header-wrapper">
                <table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width: 1440px;">
                  <colgroup>
                    <col name="el-table_1_column_1" width="95">
                    <col name="el-table_1_column_2" width="256">
                    <col name="el-table_1_column_3_column_4" width="56">
                    <col name="el-table_1_column_3_column_5" width="56">
                    <col name="el-table_1_column_3_column_6" width="56">
                    <col name="el-table_1_column_7_column_8" width="94">
                    <col name="el-table_1_column_7_column_9" width="94">
                    <col name="el-table_1_column_7_column_10" width="96">
                    <col name="el-table_1_column_11_column_12" width="68">
                    <col name="el-table_1_column_11_column_13" width="68">
                    <col name="el-table_1_column_11_column_14" width="68">
                    <col name="el-table_1_column_15" width="72">
                    <col name="el-table_1_column_16" width="72">
                    <col name="el-table_1_column_17" width="72">
                    <col name="el-table_1_column_18" width="72">
                    <col name="el-table_1_column_19" width="56">
                    <col name="el-table_1_column_20" width="90">
                    <col name="el-table_1_column_21" width="1">
                  </colgroup>
                  <thead class="is-group">
                  <tr class="">
                    <th colspan="1" rowspan="2" class="el-table_1_column_1  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">院校代码</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_2  is-left   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">院校名称</div>
                    </th>
                    <th colspan="3" rowspan="1" class="el-table_1_column_3  is-center mergeTh  el-table__cell"
                        style="text-align: center;">
                      <div class="cell">计划数|投档数</div>
                    </th>
                    <th colspan="3" rowspan="1" class="el-table_1_column_7  is-center mergeTh  el-table__cell"
                        style="text-align: center;">
                      <div class="cell">平行最低分/控制线/投档最低分</div>
                    </th>
                    <th colspan="3" rowspan="1" class="el-table_1_column_11  is-center mergeTh  el-table__cell"
                        style="text-align: center;">
                      <div class="cell">参考位次</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_15  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">层级属性</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_16  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">所在城市</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_17  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">主管部门</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_18  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">报考类别</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_19  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">24计划</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_20  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">填报</div>
                    </th>
                    <th colspan="1" rowspan="2"
                        class="el-table_1_column_21   undefined el-table__expand-column  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell"></div>
                    </th>
                  </tr>
                  <tr class="">
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_3_column_4  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">2021</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_3_column_5  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">2022</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_3_column_6  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">2023</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_7_column_8  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">2021</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_7_column_9  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">2022</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_7_column_10  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">2023</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_11_column_12  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">2021</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_11_column_13  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">2022</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_11_column_14  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">2023</div>
                    </th>
                  </tr>
                  </thead>
                </table>
              </div>
            </div>
            <el-table class="ui-table" v-loading="loading" ref="multipleTable1" :data="tableData"
                      :cell-style="cellStyle" :show-header="false" :style="{'top': TableTop + 'px'}"
                      :header-cell-style="{'text-align':'center'}"
                      :row-class-name="schoolClassName">

              <el-table-column prop="code" label="院校代码" width="95" align="center">
                <template slot-scope="props">
								<span @click="clickTable(props.row, props.$index)" style="cursor: pointer;">
									<span :class="schoolCodeClasses(props.row.code)">{{ props.row.code }}</span>
									<i v-show="props.isExpanded" style="color: #ccc;" class="el-icon-caret-bottom"></i>
									<i v-show="!props.isExpanded" style="color: #ccc;" class="el-icon-caret-right"></i>
								</span>
                </template>
              </el-table-column>
              <el-table-column prop="schoolName" label="院校名称" align="left">
                <template slot-scope="scope">
                  <div style="display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-between">
                  <span @click="details(scope.row)" style="cursor: pointer;font-size: 14px;text-align: left"
                        v-html="showDate(scope.row.schoolName, '特殊')"></span>
                    <div style="cursor: pointer;margin-right: 0.5em;">
                      <i v-if="scope.row.schoolDesc" class="el-icon-warning-outline"
                         style="font-size: 18px;color: #f96630;" @click="introduce(scope.row.schoolDesc)"></i>
                    </div>
                  </div>
                </template>
              </el-table-column>
              <el-table-column prop="toudang2015" label="计划数|投档数" class-name="mergeTh" align="center">
                <el-table-column prop="toudang2019" :label="nowYear - 2 + ''" align="center" class-name="mergeTh-child"
                                 min-width="18px"></el-table-column>
                <el-table-column prop="toudang2020" :label="nowYear - 1 + ''" align="center" class-name="mergeTh-child"
                                 min-width="18px"></el-table-column>
                <el-table-column prop="toudang2021" :label="nowYear + ''" align="center" class-name="mergeTh-child"
                                 min-width="18px">
                  <template slot-scope="scope">
                    <span class="font-strong">{{ scope.row.toudang2021 }}</span>
                  </template>
                </el-table-column>
              </el-table-column>

              <el-table-column prop="shift_line2019" label="平行最低分/控制线/投档最低分" class-name="mergeTh" align="center">
                <el-table-column prop="shiftLine2019" :label="nowYear - 2 + ''" align="center"
                                 class-name="mergeTh-child"
                                 min-width="30px"></el-table-column>
                <el-table-column prop="shiftLine2020" :label="nowYear - 1 + ''" align="center"
                                 class-name="mergeTh-child"
                                 min-width="30px"></el-table-column>
                <el-table-column prop="shiftLine2021" :label="nowYear + ''" align="center" class-name="mergeTh-child"
                                 min-width="30px">
                  <template slot-scope="scope">
                    <span class="font-strong">{{ scope.row.shiftLine2021 }}</span>
                  </template>
                </el-table-column>
              </el-table-column>
              <el-table-column prop="ranking2019" label="参考位次" class-name="mergeTh" align="center">
                <el-table-column prop="ranking2019" :label="nowYear - 2 + ''" class-name="mergeTh-child" align="center"
                                 min-width="22px"></el-table-column>
                <el-table-column prop="ranking2020" :label="nowYear - 1 + ''" class-name="mergeTh-child" align="center"
                                 min-width="22px"></el-table-column>
                <el-table-column prop="ranking2021" :label="nowYear + ''" class-name="mergeTh-child" align="center"
                                 min-width="22px">
                  <template slot-scope="scope">
                    <span class="font-strong">{{ scope.row.ranking2021 }}</span>
                  </template>
                </el-table-column>
              </el-table-column>
              <!-- <el-table-column prop="sortNum" label="综合排名" min-width="23px">
              </el-table-column> -->
              <el-table-column prop="level" label="层级属性" align="center" min-width="23px">
              </el-table-column>
              <el-table-column prop="city" label="所在城市" align="center" min-width="23px">
              </el-table-column>
              <el-table-column prop="manager" label="主管部门" align="center" min-width="23px">
              </el-table-column>
              <el-table-column prop="xiancha" label="报考类别" align="center" min-width="23px">
              </el-table-column>
              <el-table-column prop="plan2022" :label="PlanYear + '计划'" align="center" min-width="18px">
                <template slot-scope="scope">
								<span v-if="scope.row.plan2022 > scope.row.plan2021" class="icon-top">
									{{ scope.row.plan2022 }}<i>↑</i>
								</span>
                  <span v-else-if="scope.row.plan2021 > scope.row.plan2022" class="icon-bottom">
									{{ scope.row.plan2022 }}<i>↓</i>
								</span>
                  <span v-else>{{ scope.row.plan2022 }}</span>
                </template>
              </el-table-column>
              <el-table-column prop="zy" label="填报" width="90" align="center">
                <template slot-scope="scope">
                  <el-dropdown trigger="click" style="margin: 0;padding: 0;">
									<span class="el-dropdown-link" :class="scope.row.schemeName ? 'scheme' : 'not-scheme'"
                        style="margin: 0;cursor: pointer;">
										{{ scope.row.schemeName ? scope.row.schemeName : '请选择' }}
									</span>
                    <i class="el-icon-caret-bottom"></i>
                    <el-dropdown-menu slot="dropdown">
                      <el-dropdown-item v-for="(item, index) in dropList" :key="index" :command="item.label"
                                        style="padding: 0;text-align: center;">
											<span @click="statusChange(scope.$index, item.label)" style="width: 60px;padding: 10px;">{{
                          item.label
                        }}</span>
                      </el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
                </template>
              </el-table-column>
              <!-- 展开后的表格 -->
              <el-table-column type="expand" width="1">
                <template slot-scope="props">
                  <el-table class="ui-expandTable" :data="props.row.children" style="width: 100%;"
                            :cell-style="cellStyles">
                    <el-table-column prop="majorCode" label="专业代码" width="95" align="center"></el-table-column>
                    <el-table-column prop="majorName" label="专业|专业等级" align="center">
                      <template slot-scope="scope">
                        <el-row type="flex" style="text-align: left;">
                        <span style="font-size: 15px; margin-right: 0.5em; flex: 1;"
                              v-html="showDate(scope.row.majorName, '普通')"></span>
                          <!-- row.color === 'red' -->
                          <i v-if="scope.row.majorDesc" class="el-icon-warning-outline"
                             style="font-size: 18px;color: #f96630;" @click="introduce(scope.row.majorDesc)"></i>
                        </el-row>
                      </template>
                    </el-table-column>
                    <el-table-column prop="msg2015" label="计划数/录取数|最高分/平均分/最低分|最高位次-最低位次" align="center">
                      <el-table-column prop="msg2015" :label="MajorNowYear - 2 + ''" align="center"
                                       min-width="32px"></el-table-column>
                      <el-table-column prop="msg2016" :label="MajorNowYear - 1 + ''" align="center"
                                       min-width="32px"></el-table-column>
                      <el-table-column prop="msg2017" :label="MajorNowYear + ''" align="center"
                                       min-width="32px"></el-table-column>
                    </el-table-column>
                    <el-table-column prop="plan2018" :label="MajorPlanYear + '计划'" align="center" min-width="8px">
                      <template slot-scope="scope">
                      <span v-if="scope.row.plan2018 > scope.row.plan2017" class="icon-top">{{
                          scope.row.plan2018
                        }}↑</span>
                        <span v-else-if="scope.row.plan2017 > scope.row.plan2018"
                              class="icon-bottom">{{ scope.row.plan2018 }}↓</span>
                        <span v-else>{{ scope.row.plan2018 }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column label="操作" style="padding: 0;" width="90" align="center">
                      <template slot-scope="propss" style="padding: 0;">
                        <el-dropdown trigger="click" style="margin: 0;padding: 0;">
												<span class="el-dropdown-link" :class="propss.row.sort ? 'scheme' : 'not-scheme'"
                              style="margin: 0;cursor: pointer;">
													{{ propss.row.sort ? propss.row.sort : '请选择' }}
												</span>
                          <i class="el-icon-caret-bottom"></i>
                          <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item v-for="(item, index) in majorList" :key="index" :command="item.label"
                                              style="padding: 0;text-align: center;">
														<span @click="majorchange(props.$index, propss.$index, props.row, propss.row, item.label)"
                                  style="width: 60px;padding: 10px;">{{ item.label }}</span>
                            </el-dropdown-item>
                          </el-dropdown-menu>
                        </el-dropdown>
                      </template>
                    </el-table-column>
                  </el-table>
                </template>
              </el-table-column>
            </el-table>
          </div>
          <!-- 提前批次 -->
          <div v-if="tqfrom">
            <div class="el-table ui-table el-table--fit el-table--border el-table--group el-table--enable-row-hover el-table--enable-row-transition table-spec-th"
              :style="{'top': (searchHeight + ThHeight + 66) + 'px'}">
              <div class="el-table__header-wrapper">
                <table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width: 1440px;">
                  <colgroup>
                    <col name="el-table_1_column_1" width="95">
                    <col name="el-table_1_column_2" width="214">
                    <col name="el-table_1_column_3_column_4" width="85">
                    <col name="el-table_1_column_3_column_5" width="85">
                    <col name="el-table_1_column_3_column_6" width="85">
                    <col name="el-table_1_column_7_column_8" width="93">
                    <col name="el-table_1_column_7_column_9" width="93">
                    <col name="el-table_1_column_7_column_10" width="93">
                    <col name="el-table_1_column_11_column_12" width="57">
                    <col name="el-table_1_column_11_column_13" width="57">
                    <col name="el-table_1_column_11_column_14" width="57">
                    <col name="el-table_1_column_15" width="67">
                    <col name="el-table_1_column_16" width="72">
                    <col name="el-table_1_column_17" width="85">
                    <col name="el-table_1_column_18" width="54">
                    <col name="el-table_1_column_19" width="57">
                    <col name="el-table_1_column_20" width="90">
                    <col name="el-table_1_column_21" width="1">
                  </colgroup>
                  <thead class="is-group">
                  <tr class="">
                    <th colspan="1" rowspan="2" class="el-table_1_column_1  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">院校代码</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_2  is-left   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">院校名称</div>
                    </th>
                    <th colspan="3" rowspan="1" class="el-table_1_column_3  is-center mergeTh  el-table__cell"
                        style="text-align: center;">
                      <div class="cell">计划数|投档数</div>
                    </th>
                    <th colspan="3" rowspan="1" class="el-table_1_column_7  is-center mergeTh  el-table__cell"
                        style="text-align: center;">
                      <div class="cell">最高分/平均分/最低分</div>
                    </th>
                    <th colspan="3" rowspan="1" class="el-table_1_column_11  is-center mergeTh  el-table__cell"
                        style="text-align: center;">
                      <div class="cell">参考位次</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_15  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">层级属性</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_16  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">所在城市</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_17  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">主管部门</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_18  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">资格线</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_19  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">24计划</div>
                    </th>
                    <th colspan="1" rowspan="2" class="el-table_1_column_20  is-center   is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">填报</div>
                    </th>
                    <th colspan="1" rowspan="2"
                        class="el-table_1_column_21   undefined el-table__expand-column  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell"></div>
                    </th>
                  </tr>
                  <tr class="">
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_3_column_4  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">2021</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_3_column_5  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">2022</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_3_column_6  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">2023</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_7_column_8  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">2021</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_7_column_9  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">2022</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_7_column_10  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">2023</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_11_column_12  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">2021</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_11_column_13  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">2022</div>
                    </th>
                    <th colspan="1" rowspan="1"
                        class="el-table_1_column_11_column_14  is-center mergeTh-child  is-leaf el-table__cell"
                        style="text-align: center;">
                      <div class="cell">2023</div>
                    </th>
                  </tr>
                  </thead>
                </table>
              </div>
            </div>
            <el-table class="ui-table" v-loading="loading" ref="multipleTable2" :data="tableData"
                      :cell-style="cellStyle" :show-header="false" :style="{'top': TableTop + 'px'}"
                      :header-cell-style="{'text-align':'center'}"
                      :row-class-name="schoolClassName">

              <el-table-column prop="code" label="院校代码" width="95" align="center">
                <template slot-scope="props">
								<span @click="clickTable(props.row, props.$index)" style="cursor: pointer;">
									<span :class="schoolCodeClasses(props.row.code)">{{ props.row.code }}</span>
									<i v-show="props.isExpanded" style="color: #ccc;" class="el-icon-caret-bottom"></i>
									<i v-show="!props.isExpanded" style="color: #ccc;" class="el-icon-caret-right"></i>
								</span>
                </template>
              </el-table-column>
              <el-table-column prop="schoolName" label="院校名称" align="left">
                <template slot-scope="scope">
                  <div style="display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-between">
                  <span @click="details(scope.row)" style="cursor: pointer;font-size: 14px;text-align: left"
                        v-html="showDate(scope.row.schoolName, '提前')"></span>
                    <div style="cursor: pointer;margin-right: 0.5em;">
                      <i v-if="scope.row.schoolDesc" class="el-icon-warning-outline"
                         style="font-size: 18px;color: #f96630;" @click="introduce(scope.row.schoolDesc)"></i>
                    </div>
                  </div>
                </template>
              </el-table-column>
              <el-table-column prop="toudang2015" label="计划数|投档数" class-name="mergeTh" align="center">
                <el-table-column prop="toudang2019" :label="nowYear - 2 + ''" class-name="mergeTh-child" align="center"
                                 min-width="33px"></el-table-column>
                <el-table-column prop="toudang2020" :label="nowYear - 1 + ''" class-name="mergeTh-child" align="center"
                                 min-width="33px"></el-table-column>
                <el-table-column prop="toudang2021" :label="nowYear + ''" class-name="mergeTh-child" align="center"
                                 min-width="33px">
                  <template slot-scope="scope">
                    <span class="font-strong">{{ scope.row.toudang2021 }}</span>
                  </template>
                </el-table-column>
              </el-table-column>

              <el-table-column prop="fluctuation2019" label="最高分/平均分/最低分" class-name="mergeTh" align="center">
                <el-table-column prop="shiftLine2019" :label="nowYear - 2 + ''" class-name="mergeTh-child"
                                 align="center"
                                 min-width="36px"></el-table-column>
                <el-table-column prop="shiftLine2020" :label="nowYear - 1 + ''" class-name="mergeTh-child"
                                 align="center"
                                 min-width="36px"></el-table-column>
                <el-table-column prop="shiftLine2021" :label="nowYear + ''" class-name="mergeTh-child" align="center"
                                 min-width="36px">
                  <template slot-scope="scope">
                    <span class="font-strong">{{ scope.row.shiftLine2021 }}</span>
                  </template>
                </el-table-column>
              </el-table-column>
              <el-table-column prop="ranking2019" label="参考位次" class-name="mergeTh" align="center">
                <el-table-column prop="ranking2019" :label="nowYear - 2 + ''" class-name="mergeTh-child" align="center"
                                 min-width="22px"></el-table-column>
                <el-table-column prop="ranking2020" :label="nowYear - 1 + ''" class-name="mergeTh-child" align="center"
                                 min-width="22px"></el-table-column>
                <el-table-column prop="ranking2021" :label="nowYear + ''" class-name="mergeTh-child" align="center"
                                 min-width="22px">
                  <template slot-scope="scope">
                    <span class="font-strong">{{ scope.row.ranking2021 }}</span>
                  </template>
                </el-table-column>
              </el-table-column>
              <!-- <el-table-column prop="xiancha" label="招生类别" min-width="30px">
              </el-table-column> -->
              <el-table-column prop="level" label="层级属性" min-width="26px" align="center">
              </el-table-column>
              <el-table-column prop="city" label="所在城市" min-width="28px" align="center">
              </el-table-column>
              <el-table-column prop="manager" label="主管部门" min-width="33px" align="center">
              </el-table-column>
              <el-table-column prop="majorPlan" label="资格线" min-width="21px" align="center">
              </el-table-column>
              <el-table-column prop="plan2022" :label="PlanYear + '计划'" min-width="22px" align="center">
                <template slot-scope="scope">
								<span v-if="scope.row.plan2022 > scope.row.plan2021" class="icon-top">
									{{ scope.row.plan2022 }}<i>↑</i>
								</span>
                  <span v-else-if="scope.row.plan2021 > scope.row.plan2022" class="icon-bottom">
									{{ scope.row.plan2022 }}<i>↓</i>
								</span>
                  <span v-else>{{ scope.row.plan2022 }}</span>
                </template>
              </el-table-column>
              <el-table-column prop="zy" label="填报" width="90" align="center">
                <template slot-scope="scope">
                  <el-dropdown trigger="click" style="margin: 0;padding: 0;">
									<span class="el-dropdown-link" :class="scope.row.schemeName ? 'scheme' : 'not-scheme'"
                        style="margin: 0;cursor: pointer;">
										{{ scope.row.schemeName ? scope.row.schemeName : '请选择' }}
									</span>
                    <el-dropdown-menu slot="dropdown">
                      <el-dropdown-item v-for="(item, index) in dropList" :key="index" :command="item.label"
                                        style="padding: 0;text-align: center;">
											<span @click="statusChange(scope.$index, item.label)" style="width: 60px;padding: 10px;">{{
                          item.label
                        }}</span>
                      </el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
                </template>
              </el-table-column>
              <!-- 展开后的表格 -->
              <el-table-column type="expand" width="1">
                <template slot-scope="props">
                  <el-table class="ui-expandTable" :data="props.row.children" style="width: 100%;"
                            :cell-style="cellStyles">
                    <el-table-column prop="majorCode" label="专业代码" width="95" align="center"></el-table-column>
                    <el-table-column prop="majorName" label="专业|专业等级" align="center">
                      <template slot-scope="scope">
                        <el-row type="flex" style="text-align: left;">
                        <span style="font-size: 15px; margin-right: 0.5em; flex: 1;"
                              v-html="showDate(scope.row.majorName, '普通')"></span>
                          <!-- row.color === 'red' -->
                          <i v-if="scope.row.majorDesc" class="el-icon-warning-outline"
                             style="font-size: 18px;color: #f96630;" @click="introduce(scope.row.majorDesc)"></i>
                        </el-row>
                      </template>
                    </el-table-column>
                    <el-table-column prop="msg2015" label="计划数 / 录取数 | 最高分 / 平均分 / 最低分 | 最高位次-最低位次" class-name="mergeTh"
                                     align="center">
                      <el-table-column prop="msg2015" :label="MajorNowYear - 2 + ''" class-name="mergeTh-child"
                                       align="center" min-width="35px"></el-table-column>
                      <el-table-column prop="msg2016" :label="MajorNowYear - 1 + ''" class-name="mergeTh-child"
                                       align="center" min-width="35px"></el-table-column>
                      <el-table-column prop="msg2017" :label="MajorNowYear + ''" class-name="mergeTh-child"
                                       align="center"
                                       min-width="35px"></el-table-column>
                    </el-table-column>
                    <el-table-column prop="plan2018" :label="MajorPlanYear + '计划'" min-width="8px" align="center">
                      <template slot-scope="scope">
                      <span v-if="scope.row.plan2018 > scope.row.plan2017" class="icon-top">{{
                          scope.row.plan2018
                        }}↑</span>
                        <span v-else-if="scope.row.plan2017 > scope.row.plan2018"
                              class="icon-bottom">{{ scope.row.plan2018 }}↓</span>
                        <span v-else>{{ scope.row.plan2018 }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column label="操作" min-width="9px" style="padding: 0;" align="center" width="90">
                      <template slot-scope="propss" style="padding: 0;">
                        <el-dropdown trigger="click" style="margin: 0;padding: 0;">
												<span class="el-dropdown-link" :class="propss.row.sort ? 'scheme' : 'not-scheme'"
                              style="margin: 0;cursor: pointer;">
													{{ propss.row.sort ? propss.row.sort : '请选择' }}
												</span>
                          <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item v-for="(item, index) in majorList" :key="index" :command="item.label"
                                              style="padding: 0;text-align: center;">
														<span @click="majorchange(props.$index, propss.$index, props.row, propss.row, item.label)"
                                  style="width: 60px;padding: 10px;">{{ item.label }}</span>
                            </el-dropdown-item>
                          </el-dropdown-menu>
                        </el-dropdown>
                      </template>
                    </el-table-column>
                  </el-table>
                </template>
              </el-table-column>
            </el-table>
          </div>
          <div id="npt">
            <el-button style="background-color: green;margin-top: 20px;" @click="empty()">清空</el-button>
            <br>
            <el-button style="background-color: red; margin-top: 20px;" @click="saveScheme()">保存</el-button>
            <br>
            <el-button style="background-color: orange;margin-top: 20px;" @click="handleClick()">预览</el-button>
            <br>
            <!-- <el-button style="background-color: blue;margin-top: 20px;"
                       @click="newSchemeDialog = true">新建
            </el-button>
            <br> -->
            <el-button style="background-color: #a4b0be;margin-top: 20px;" @click="UpperLevel()">上一级</el-button>
          </div>
          <el-dialog title="新建方案" :visible="newSchemeDialog" width="800px" :close-on-click-modal="false"
                     :show-close="false">
            <el-form ref="form" :model="form" label-width="80px" style="margin: auto;width: 420px;">
              <el-form-item label="*批次" prop="region">
                <el-select v-model="form.region" placeholder="请选择活动区域" style="width: 260px;">
                  <el-option label="本科一批" value="本科一批"></el-option>
                  <el-option label="本科二批" value="本科二批"></el-option>
                  <el-option label="一批特殊" value="一批特殊"></el-option>
                  <el-option label="二批特殊" value="二批特殊"></el-option>
                  <el-option label="提前批A段" value="提前批A段"></el-option>
                  <el-option label="提前批B段" value="提前批B段"></el-option>
                  <el-option label="提前批C段" value="提前批C段"></el-option>
                  <el-option label="提前批专科" value="提前批专科"></el-option>
                  <el-option label="国家专项" value="国家专项"></el-option>
                  <el-option label="地方专项" value="地方专项"></el-option>
                  <el-option label="高职专科" value="高职专科"></el-option>
                </el-select>
              </el-form-item>
            </el-form>
            <el-button type="primary" @click="OrsaveSchemes()" style="margin-left: 280px;">立即创建</el-button>
            <el-button type="primary" @click="newSchemeDialog = false" style="">取消</el-button>

          </el-dialog>
          <el-dialog :visible.sync="dialogVisibles" width="1000px" :close-on-click-modal="false"
                     style="margin-top: 150px;">
            <div style="font-size: 16px;width: 100%;margin: auto;color: #000000;">
              {{ schoolIntroduce }}
            </div>
          </el-dialog>
        </div>

        <div class="go-top" @click="goTop">
          ↑ 顶部
        </div>

      </div>
    </div>
  </div>
</template>

<script>
import {request} from "@/util/request.js"

const natureOptions = [
  {label: '不限', value: '不限'}, {label: '公办', value: '1'}, {label: '民办', value: '2'}, {label: '合办', value: '3'}
]
const HierarchyOptions = [
  {label: '不限', value: '不限'}, {label: '双一流', value: '1'}, {label: '中央直管', value: '2'}, {
    label: '985',
    value: '3'
  }, {label: '211', value: '4'}, {label: '双高计划', value: '5'}, {label: '国家示范(骨干)', value: '6'}
]
const QualificationsOptions = [
  {label: '不限', value: '不限'}, {label: '硕士点', value: '1'}, {label: '博士点', value: '2'}, {
    label: '研究生院',
    value: '3'
  }, {label: '自划线', value: '4'}, {label: '推免资格', value: '5'}
]
const UnfoldHeight = 192 // 收起高度 192
const PackUpHeight = 394 // 展开高度 394

export default {
  data() {
    return {
      ThHeight: 66, // 表头高度
      TableTop: 57, // 表头高度
      collapseOpen: false, // 展开收起标记
      tabs: {
        list: [
          {label: '提前批A段', value: '1'},
          {label: '提前批B段', value: '2'},
          {label: '提前批C段', value: '3'},
          {label: '提前批专科', value: '4'},
          {label: '国家专项', value: '5'},
          {label: '地方专项', value: '6'},
          {label: '本科一批', value: '7'},
          {label: '一批特殊', value: '8'},
          {label: '本科二批', value: '9'},
          {label: '二批特殊', value: '10'},
          {label: '高职专科', value: '11'}
        ],
        active: '1',
      },
      fraction: null,
      precedence: null,
      newSchemeDialog: false,
      nowYear: null,
      PlanYear: null,
      MajorNowYear: null,
      MajorPlanYear: null,
      schoolBoolen: false,
      searchhead: 0,
      schoolIntroduce: null,
      num: null,
      count: null,
      ptfrom: true,
      tsfrom: false,
      tqfrom: false,
      down: null,
      neweditForm: [],
      props: {
        multiple: true
      },
      loading: true,
      value: [],
      options: [],
      schoolNames: [],
      tableData: [],
      dialogVisibles: false,
      dialogVisible: true,
      form: {
        majorType: 1,
        region: '本科一批',
      },
      infos: {},
      index: 0,
      batch: '本科二批',
      isLoad: false,
      stuId: '',
      programmes: [],
      programmeId: "",
      major1: '',
      major2: '',
      major3: '',
      xfa: [],
      user: [],
      scheme: [],
      schemes: [],
      childrenData: [],
      school: '',
      cities: this.$constants.provinces,
      SchoolTypes: this.$constants.schoolTypes,
      Natures: natureOptions,
      Hierarchys: HierarchyOptions,
      Qualifications: QualificationsOptions,
      checkedCities: ['不限'],
      checkedSchoolTypes: ['不限'],
      checkedNatures: ['不限'],
      checkedHierarchys: ['不限'],
      checkedQualifications: ['不限'],
      dropList: [
        {value: '1', label: '志愿A'},
        {value: '2', label: '志愿B'},
        {value: '3', label: '志愿C'},
        {value: '4', label: '志愿D'},
        {value: '5', label: '志愿E'},
        {value: '6', label: '志愿F'},
        {value: '7', label: '备选'},
        {value: '8', label: '取消'},
      ], //志愿列表
      majorList: [
        {value: '1', label: '专业1'},
        {value: '2', label: '专业2'},
        {value: '3', label: '专业3'},
        {value: '4', label: '专业4'},
        {value: '5', label: '专业5'},
        {value: '6', label: '专业6'},
        {value: '7', label: '备选'},
        {value: '8', label: '取消'},
      ], //专业列表
      pageObject: {
        pageNum: 1,
        pageSize: 40,
        total: 0
      },
      //表单验证
      rules: {
        fraction: [{
          required: true,
          message: '请输入分数',
          trigger: 'blur'
        }],
        region: [{
          required: true,
          message: '请选择批次',
          trigger: 'change'
        }],
        name: [{
          required: true,
          message: '请输入方案名称',
          trigger: 'blur'
        }],
      },
      disabledFlag: false,
      goFirstSchoolFlag: true,
      searchHeight: UnfoldHeight,
      searchResultIdList: [], // 检索出的高亮院校id列表
      currentCode: '', // 院校code，滚动到当前院校
      searchTag: false //是有有搜索条件
    }
  },
  filters: {},
  methods: {
    searchToggleFn() {
      this.collapseOpen = !this.collapseOpen
      this.searchHeight = this.collapseOpen ? PackUpHeight : UnfoldHeight
    },
    searchToggleRetract() {
      this.searchHeight = this.collapseOpen ? PackUpHeight : UnfoldHeight
    },
    checkboxTagFilter(value) {
      if (this[value]) {
        return this[value].filter(item => item !== '不限')
          .map(item => {
            if (['checkedNatures', 'checkedHierarchys', 'checkedQualifications'].includes(value)) {
              let arrayKey = value.replace('checked', '')
              console.log(this[arrayKey], 'value', arrayKey);
              let findVal = this[arrayKey].find(i => i.value === item)
              return findVal.label || item
            }
            return item
          })
          .join(',')
      }
      return ''
    },

    Ipt(type) {
      if (type == 1) {
        this.precedence = null
      } else if (type == 2) {
        this.fraction = null
      }

    },
    schoolClassName(row) {
      let batch = "普通";
      if (this.batch === '提前批A段' || this.batch === '提前批B段' || this.batch === '提前批C段' || this.batch === '提前批专科') {
        batch = "提前";
      } else if (this.batch === '一批特殊' || this.batch === '二批特殊') {
        batch = "特殊";
      }
      let name = batch + row.row.code + 'school'
      return name;
    },
    OrsaveSchemes() {
      this.$confirm('保存当前方案嘛?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.saveScheme().then(this.saveSchemes())
      }).catch(() => {
        this.saveSchemes()
      });

    },
    getDict() {
      request({
        method: 'get',
        url: 'sysDict/getDict',
        params: {
          dictType: this.batch
        }
      }).then(res => {
        res.data.forEach(i => {
          if (i.dictName == "now") {
            this.nowYear = i.dictValue
          } else if (i.dictName == "plan") {
            this.PlanYear = i.dictValue
          } else if (i.dictName == "majornow") {
            this.MajorNowYear = i.dictValue
          } else if (i.dictName == "majorplan") {
            this.MajorPlanYear = i.dictValue
          }
        })
      })
    },
    majorInput(row) {
      console.log("改变了" + row)
    },
    UpperLevel() {
      let info = localStorage.getItem('stu')
      this.$confirm('保存当前方案嘛?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.saveScheme().then(
          this.$router.push({
            path: "/design/management",
            params: {
              info: info
            }
          })
        )
      }).catch(() => {
        this.$router.push({
          path: "/design/management",
          params: {
            info: info
          }
        })
      });
    },
    showDate(val, batch) {
      if (this.schoolBoolen != true) {
        return val
      }
      val = val + '';
      if (val == this.school && this.school !== '') {
        if (batch == "提前") {
          return val.replace(this.school, '<em class="Tqseat">' + this.school + '</em>')
        } else if (batch == "特殊") {
          return val.replace(this.school, '<em class="Tsseat">' + this.school + '</em>')
        }
        return val.replace(this.school, '<em class="Ptseat">' + this.school + '</em>')
      }
      return val
    },
    introduce(row) {
      this.schoolIntroduce = row
      this.dialogVisibles = true
    },
    // 执行点击行调用的方法，展开和折叠行
    clickTable(row, index) {
      console.log(index);
      let state = false
      // state = true 收起时清空children数据
      let result = this.tableData.find(item => item.code == row.code)
      if (result && result.children != null) {
        state = true
        result.children = null
      }
      row.isExpanded = state
      if (state == false) {
        this.getSchoolMajor(row, index)
      } else {
        this.$refs.multipleTable && this.$refs.multipleTable.toggleRowExpansion(row, false)
        this.$refs.multipleTable1 && this.$refs.multipleTable1.toggleRowExpansion(row, false)
        this.$refs.multipleTable2 && this.$refs.multipleTable2.toggleRowExpansion(row, false)
      }

    },
    getSchoolMajor(row) {
      this.pageObject.schoolCode = row.code
      this.pageObject.majorType = this.programmes != null && this.programmes.length > 0 && this.programmes[0].majorType != null ? this.programmes[0].majorType : this.user.major
      this.pageObject.major1 = this.major1
      this.pageObject.major2 = this.major2
      this.pageObject.major3 = this.major3;
      if (this.pageObject.majorType == 3) {
        this.pageObject.majorType = 1;
      }
      if (this.pageObject.majorType == 4) {
        this.pageObject.majorType = 2;
      }
      console.log(this.pageObject);
      request({
        method: 'post',
        url: 'school/getSchoolMajor',
        data: this.pageObject
      }).then(res => {
        console.log(this.childrenData);
        console.log(res.data);
        for (let i = 0; i < this.tableData.length; i++) {
          if (this.tableData[i].code == row.code) {
            this.$set(this.tableData[i], "children", res.data)
            this.childrenData.forEach(j => {
              if (this.tableData[i].code == j.schoolCode) {
                if (j.majorList != null && j.majorList != undefined && j.majorList != "") {
                  for (var r = 0; r < j.majorList.length; r++) {
                    res.data.forEach(o => {
                      if (j.majorList[r].majorCode == o.majorCode) {
                        o.sort = j.majorList[r].sort
                      }
                    })
                  }
                }
              }
            })
          }
        }
        this.$forceUpdate()
        this.$refs.multipleTable && this.$refs.multipleTable.toggleRowExpansion(row, true)
        this.$refs.multipleTable1 && this.$refs.multipleTable1.toggleRowExpansion(row, true)
        this.$refs.multipleTable2 && this.$refs.multipleTable2.toggleRowExpansion(row, true)

      })
    },
    saveSchemes() {
      if (this.user.major) {
        this.form.majorType = this.user.major
      }
      this.schemes.push({
        "majorType": this.form.majorType,
        "batch": this.form.region,
        "stuId": this.stuId,
      })
      request({
        method: 'post',
        url: 'stuScheme/saveScheme',
        data: this.schemes
      }).then(res => {
        if (res.code == 0 || res.code == 200) {
          this.$message({
            message: '保存成功！',
            type: 'success'
          });
          this.programmeId = res.data.list[0].programmeId
          this.batch = res.data.list[0].batch
          this.dialogVisible = false
          this.updates(res.data.list)
        } else {
          this.$message({
            message: res.msg,
            type: 'error'
          });
        }
      })

    },
    updates(row) {
      const programme = row;
      this.$router.push({
        path: '/toProgramme',
        query: {
          programme: JSON.stringify(programme)
        }
      })
    },
    sfclick(e, t) {
      if (e === '不限') {
        this.checkedCities = ['不限']
      } else if (e === '其他') {
        this.checkedCities = ['其他']
      } else {
        this.checkedCities.forEach(i => {
          if (i == '不限' || i == '其他') {
            this.checkedCities.splice(this.checkedCities.indexOf(i), 1)
          }
        })
        if (t == false && this.checkedCities.length < 1) {
          this.checkedCities = ['不限']
        }
      }
    },
    schooltypeclick(e, t) {
      if (e === '不限') {
        this.checkedSchoolTypes = ['不限']
      } else if (e === '其他') {
        this.checkedSchoolTypes = ['其他']
      } else {
        this.checkedSchoolTypes.forEach(i => {
          if (i == '不限' || i == '其他') {
            this.checkedSchoolTypes.splice(this.checkedSchoolTypes.indexOf(i), 1)
          }
        })
        if (t == false && this.checkedSchoolTypes.length < 1) {
          this.checkedSchoolTypes = ['不限']
        }
      }
    },
    natureclick(e, t) {
      if (e === '不限') {
        this.checkedNatures = ['不限']
      } else {
        this.checkedNatures.forEach(i => {
          if (i == '不限') {
            this.checkedNatures.splice(this.checkedNatures.indexOf(i), 1)
          }
        })
        if (t == false && this.checkedNatures.length < 1) {
          this.checkedNatures = ['不限']
        }
      }
    },
    hierarchysclick(e, t) {
      if (e === '不限') {
        this.checkedHierarchys = ['不限']
      } else {
        this.checkedHierarchys.forEach(i => {
          if (i == '不限') {
            this.checkedHierarchys.splice(this.checkedHierarchys.indexOf(i), 1)
          }
        })
        if (t == false && this.checkedHierarchys.length < 1) {
          this.checkedHierarchys = ['不限']
        }
      }
    },
    qualificationsclick(e, t) {
      if (e === '不限') {
        this.checkedQualifications = ['不限']
      } else {
        this.checkedQualifications.forEach(i => {
          if (i == '不限') {
            this.checkedQualifications.splice(this.checkedQualifications.indexOf(i), 1)
          }
        })
        if (t == false && this.checkedQualifications.length < 1) {
          this.checkedQualifications = ['不限']
        }
      }
    },
    queryMajorSearch(queryString, cb) {
      var restaurants = this.options;
      var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
      // 调用 callback 返回建议列表的数据
      cb(results);
    },
    createFilter(queryString) {
      return (restaurant) => {
        return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) !== -1);
      };
    },
    querySchoolSearch(queryString, cb) {
      var restaurants = this.schoolNames;
      var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
      // 调用 callback 返回建议列表的数据
      cb(results);
    },
    createFilter1(queryString) {
      return (restaurant) => {
        return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) !== -1);
      };
    },
    handleClick() {
      this.saveScheme()
      if (this.programmes != null && this.programmes.length > 0) {
        const infos = this.programmes[0];
        localStorage.setItem('volunteer', JSON.stringify(infos))
        this.$router.push({
          name: 'designPreview',
          params: {
            info: infos
          }
        })
      } else {
        const infos = this.xfa[0];
        localStorage.setItem('infos', JSON.stringify(infos))
        this.$router.push({
          name: 'designPreview',
          params: {
            info: infos
          }
        })
      }
    },
    empty() {
      this.$confirm('此操作将清空所选的志愿, 是否继续?', '提示', {
        confirmButtonText: '确定',
        type: 'warning'
      }).then(() => {
        this.tableData.forEach(i => {
          i.schemeName = null
        })
        this.childrenData = []
        this.$message({
          type: 'success',
          message: '清空成功!'
        });
      })
    },
    resetCheckBoxItem(dataProp) {
      this[dataProp] = ['不限']
    },
    Reset() {
      this.checkedCities = ['不限']
      this.checkedSchoolTypes = ['不限']
      this.checkedNatures = ['不限']
      this.checkedHierarchys = ['不限']
      this.checkedQualifications = ['不限']
      this.major1 = ''
      this.major2 = ''
      this.major3 = ''
      this.fraction = null
      this.precedence = null
      this.school = null
      this.goFirstSchoolFlag = false;
      this.getSchools();
      this.clearCodeFn();
      this.searchTag = false;
    },
    zyb() {
      for (let i = 0; i < this.childrenData.length; i++) {
        if (this.childrenData[i].schemeName === null || this.childrenData[i].schemeName === "") {
          this.childrenData.splice(i, 1);
        }
      }
      this.childrenData.sort((a, b) => {
        return a['schemeName'].localeCompare(b['schemeName'])
      })
      let sortList = []
      let bList = []
      for (var i = 0; i < this.childrenData.length; i++) {
        if (this.childrenData[i].schemeName == "备选") {
          bList.push(this.childrenData[i])
        } else {
          sortList.push(this.childrenData[i])
        }
      }
      bList.forEach(i => {
        sortList.push(i)
      })
      this.childrenData = sortList
    },
    saveScheme() {
      this.zyb()
      this.scheme = []
      if (this.childrenData != undefined && this.childrenData.length > 0) {
        this.childrenData.forEach(i => {
          this.scheme.push({
            "schoolCode": i.schoolCode,
            "schoolName": i.schoolName,
            "plan2022": i.plan2022,
            "majorList": i.majorList ? JSON.stringify(i.majorList).toString() : null,
            "programmeName": this.programmes[0].programmeName,
            "schemeName": i.schemeName,
            "programmeId": this.programmes[0].programmeId,
            "stuId": this.stuId,
            "batch": this.programmes[0].batch,
            "majorPlan": i.majorPlan,
            "num": i.num,
            "majorType": i.majorType
          })
        })
      } else {
        // this.$message({
        // 	message: '请至少选择一个志愿！',
        // 	type: 'warning'
        // });
        this.$message({
          message: '保存成功！',
          type: 'success'
        });
        return;
      }
      request({
        method: 'post',
        url: 'stuScheme/saveScheme',
        data: this.scheme
      }).then(res => {
        if (res.code == 0 || res.code == 200) {
          this.$message({
            message: '保存成功！',
            type: 'success'
          });
          this.programmeId = res.data.list[0].programmeId
          this.xfa = res.data.list
          this.batch = res.data.list[0].batch
          this.num = res.data.list[0].num
          this.getSchoolyz()
        } else {
          this.$message({
            message: res.msg,
            type: 'error'
          });
        }
      })


    },
    statusChange(index, val) {
      if (val == "取消") {
        for (var i = 0; i < this.childrenData.length; i++) {
          if (this.childrenData[i].schoolCode == this.tableData[index].code) {
            this.childrenData.splice(i, 1);
          }
        }
        this.tableData[index].schemeName = null
      } else {
        if (val == "备选") {
          let isIn = false;
          for (var z = 0; z < this.childrenData.length; z++) {
            if (this.childrenData[z].schoolCode == this.tableData[index].code) {
              // this.childrenData.splice(z, 1);
              this.childrenData[z].schemeName = val
              isIn = true
            }
          }
          if (!isIn) {
            this.childrenData.push({
              "schemeName": val,
              "schoolName": this.tableData[index].schoolName,
              "schoolCode": this.tableData[index].code,
              "plan2022": this.tableData[index].plan2022,
              "majorPlan": this.tableData[index].majorPlan,
              "num": this.programmes[0].num,
              "majorType": this.programmes[0].majorType
            })
          }
          this.tableData[index].schemeName = val
        } else {
          if (this.childrenData.length > 0) {
            let isIn = false;
            for (var z = 0; z < this.childrenData.length; z++) {
              if (this.childrenData[z].schoolCode == this.tableData[index].code) {
                // this.childrenData.splice(z, 1);
                this.childrenData[z].schemeName = val
                isIn = true
              }
            }
            if (!isIn) {
              this.childrenData.push({
                "schemeName": val,
                "schoolName": this.tableData[index].schoolName,
                "schoolCode": this.tableData[index].code,
                "plan2022": this.tableData[index].plan2022,
                "majorPlan": this.tableData[index].majorPlan,
                "num": this.programmes[0].num,
                "majorType": this.programmes[0].majorType
              })
            }
            this.tableData[index].schemeName = val

          } else {
            this.childrenData.push({
              "schemeName": val,
              "schoolName": this.tableData[index].schoolName,
              "schoolCode": this.tableData[index].code,
              "plan2022": this.tableData[index].plan2022,
              "majorPlan": this.tableData[index].majorPlan,
              "num": this.programmes[0].num,
              "majorType": this.programmes[0].majorType
            })
            this.tableData[index].schemeName = val
          }
        }

      }
    },
    majorchange(sindex, zindex, srow, zrow, label) {
      if (label == "取消") {
        for (var i = 0; i < this.childrenData.length; i++) {
          if (this.childrenData[i].schemeName != null) {
            for (var j = 0; j < this.childrenData[i].majorList.length; j++) {
              if (this.childrenData[i].majorList[j].majorCode == this.tableData[sindex].children[zindex]
                .majorCode) {

                this.childrenData[i].majorList.splice(j, 1);


              }
            }
          }
        }
        this.tableData[sindex].children[zindex].sort = null
        this.tableData[sindex].children[zindex].majorName = zrow.majorName + ' '
        this.$set(this.tableData[sindex].children[zindex], 'sort', null)
        console.log(JSON.stringify(this.tableData[sindex].children))
      } else {
        if (label == "备选") {
          if (this.tableData[sindex].schemeName.length > 0) {
            for (var z = 0; z < this.childrenData.length; z++) {
              if (this.childrenData[z].majorList != null) {
                for (var x = 0; x < this.childrenData[z].majorList.length; x++) {
                  if (this.childrenData[z].majorList[x].majorCode == this.tableData[sindex].children[
                    zindex]
                    .majorCode) {
                    this.childrenData[z].majorList.splice(x, 1);
                  }
                }
              }

            }
            this.childrenData.forEach(i => {
              if (srow.code == i.schoolCode) {
                if (!i.majorList) {
                  i.majorList = []
                }
                i.majorList.push({
                  "sort": label,
                  "majorName": zrow.majorName,
                  "majorCode": zrow.majorCode,
                  "plan2018": zrow.plan2018,
                  "majorLimit": zrow.majorLimit
                })
              }
            })
            this.$set(this.tableData[sindex].children[zindex], 'sort', label)
            this.tableData[sindex].children[zindex].sort = label
            this.tableData[sindex].children[zindex].majorName = zrow.majorName + ' '
          } else {
            this.$message({
              message: '请先选择学校',
              type: 'error'
            });
          }
        } else {
          let sfyx = false;
          for (var l = 0; l < this.childrenData.length; l++) {
            if (this.childrenData[l].schoolCode == this.tableData[sindex].code) {
              sfyx = true;
              if (this.childrenData[l].majorList != null && this.childrenData[l].majorList.length > 0) {
                let isIn = false;
                if (!isIn) {
                  for (var z = 0; z < this.childrenData[l].majorList.length; z++) {
                    if (this.childrenData[l].majorList[z].majorCode == this.tableData[sindex]
                      .children[
                      zindex].majorCode) {
                      this.childrenData[l].majorList.splice(z, 1);
                    }
                  }
                  if (!this.childrenData[l].majorList) {
                    this.childrenData[l].majorList = []
                  }
                  this.childrenData[l].majorList.push({
                    "sort": label,
                    "majorName": zrow.majorName,
                    "majorCode": zrow.majorCode,
                    "plan2018": zrow.plan2018,
                    "majorLimit": zrow.majorLimit
                  })
                  this.$set(this.tableData[sindex].children[zindex], 'sort', label)
                  this.tableData[sindex].children[zindex].sort = label
                  this.tableData[sindex].children[zindex].majorName = zrow.majorName + ' '
                }
              } else {
                if (this.tableData[sindex].schemeName.length > 0) {
                  this.childrenData.forEach(i => {
                    if (srow.code == i.schoolCode) {
                      if (!i.majorList) {
                        i.majorList = []
                      }
                      i.majorList.push({
                        "sort": label,
                        "majorName": zrow.majorName,
                        "majorCode": zrow.majorCode,
                        "plan2018": zrow.plan2018,
                        "majorLimit": zrow.majorLimit
                      })
                    }
                  })
                  this.$set(this.tableData[sindex].children[zindex], 'sort', label)
                  return
                } else {
                  this.$message({
                    message: '请先选择学校',
                    type: 'error'
                  });
                }
              }
            }
          }
          if (sfyx == false) {
            this.$message({
              message: '请先选择学校',
              type: 'error'
            });
          }
        }
      }
    },
    details(row) {
      const infos = row;
      localStorage.setItem('infos', JSON.stringify(infos))
      const routeData = this.$router.resolve({
        name: 'school',
        params: {
          info: infos
        }
      })
      window.open(routeData.href, '_blank')
    },
    getMajor() {
      request({
        method: 'get',
        url: 'school/getMajorName',
      }).then(res => {
        this.options = res.data
      })
    },
    getSchoolName() {
      request({
        method: 'post',
        url: 'school/getSchoolName',
        params: {
          majorType: [1, 3].includes(this.childrenData[0].majorType) ? 1 : 2,
          batch: this.batch
        }
      }).then(res => {
        this.schoolNames = res.data
      })
    },
    // 搜索后高亮显示某行
    cellStyle({row, column, rowIndex, columnIndex}) {
      let styleClass = ''
      // color:1 td checkbox搜索结果匹配时
      // newColor === 2 td分数与位次的激活样式
      if (row.newColor === 2) {
        styleClass += `color: blue;`;
      } else if (row.color === 1) {
        styleClass += `backgroundColor: var(--orange01);`;
      }
      //院校查询样式
      if (this.school != null && this.school != "" && this.school == row.schoolName && column.property == "schoolName") {
        styleClass += `color: red; font-style: italic;`;
      }
      // 表格竖线
      if (column.label == this.nowYear) {
        if (column.property == 'toudang2021' || column.property == 'shiftLine2021')
          styleClass += `borderRight: 1px solid #DDDDDD !important;`;
      }
      return styleClass
    },
    // 搜索后高亮显示某行--用于展开后的表格样式
    cellStyles({row, column, rowIndex, columnIndex}) {
      let styleClass = ''
      if (row.color === 'red') {
        styleClass = `color: var(--primaryColor)`;
      }
      return styleClass
    },
    getSchoolyz() {
      // 清空检索结果院校code list
      this.clearCodeFn()
      //重置之前newColor为2的数据
      this.tableData.forEach(i => {
        if (i.newColor == 2) {
          i.newColor = 0;
        }
      });
      if (this.school != null && this.school != "") {
        this.checkedCities = ['不限']
        this.checkedSchoolTypes = ['不限']
        this.checkedNatures = ['不限']
        this.checkedHierarchys = ['不限']
        this.checkedQualifications = ['不限']
        this.major1 = null
        this.major2 = null
        this.major3 = null
        this.fraction = null
        this.precedence = null
        this.tableData.forEach(i => i.color = 0);

        let claas = "Ptseat";
        if (this.batch === '提前批A段' || this.batch === '提前批B段' || this.batch === '提前批C段' || this.batch === '提前批专科') {
          claas = "Tqseat";
        } else if (this.batch === '一批特殊' || this.batch === '二批特殊') {
          claas = "Tsseat";
        }
        //搜索之后默认搜索栏收起
        this.collapseOpen = false;
        this.searchToggleRetract();
        let num = document.getElementsByClassName(claas).length;
        if (num != 0) {  //如果查询关键词存在，跳到第一个关键词的位置
          this.count = num
          document.getElementsByClassName(claas)[this.searchhead].scrollIntoView({block: "center"}); //scrollIntoView方法只在原生document中可以使用，jquery中没有这个方法，参数默认是true，将这个元素置于页面第一行（如果页面可以滑动函数才生效）
        } else {
          this.$message({
            message: '无匹配结果！',
            type: 'error'
          });
        }
      } else if (this.checkedCities == '不限' && this.checkedNatures == '不限' && this.checkedHierarchys == '不限' && this.checkedSchoolTypes == '不限'
        && this.checkedQualifications == '不限' && (this.major1 == "" || this.major1 == null)
        && (this.major2 == "" || this.major2 == null) && (this.major3 == "" || this.major3 == null)) {
        this.getSchools();
        this.searchTag = false;
      } else {
        //搜索之后默认搜索栏收起
        this.collapseOpen = false;
        this.searchToggleRetract();
        this.searchTag = true;
        // 常规有条件检索
        this.getSchool()
      }
      this.goFirstSchoolFlag = false;
    },
    dingweiSchool() {
      if (this.fraction != null && this.fraction != "") {
        let batch = '普通';
        if (this.batch === '提前批A段' || this.batch === '提前批B段' || this.batch === '提前批C段' || this.batch === '提前批专科') {
          batch = "提前";
        } else if (this.batch === '一批特殊' || this.batch === '二批特殊') {
          batch = "特殊";
        }
        this.precedence = null;
        let isOne = 0;
        let code = null;
        let fraction = this.fraction;
        while (isOne == 0) {
          this.tableData.forEach(i => {
            if (isOne == 0) {
              if (i.proposedScore == fraction) {
                code = i.code
                i.newColor = 2
                isOne = 1;
              }
            }
          })
          if (fraction > 150) {
            fraction--;
          } else {
            isOne = 1;
          }
        }
        if (code != null) {
          if (document.getElementsByClassName(batch + code + 'school')[this.searchhead]) {
            this.dingweiByNode(batch + code + 'school');
          }
        } else {
          this.$message({
            message: '无匹配结果！',
            type: 'error'
          });
        }
        // this.currentCode = code
      } else if (this.precedence != null && this.precedence != "") {
        let batch = '普通';
        if (this.batch === '提前批A段' || this.batch === '提前批B段' || this.batch === '提前批C段' || this.batch === '提前批专科') {
          batch = "提前";
        } else if (this.batch === '一批特殊' || this.batch === '二批特殊') {
          batch = "特殊";
        }
        this.fraction = null;
        let isOne = 0;
        let code = null;
        let precedence = this.precedence
        this.tableData.forEach(i => {
          if (isOne == 0) {
            if (precedence <= i.proposedwc) {
              code = i.code
              i.newColor = 2
              isOne = 1;
            }
          }
        });
        if (code != null) {
          if (document.getElementsByClassName(batch + code + 'school')[this.searchhead]) {
            this.dingweiByNode(batch + code + 'school');
          }
        } else if(batch == '普通'){
          this.$message({
            message: '无匹配结果！',
            type: 'error'
          });
        }
        // this.currentCode = code
      } else {
        let batch = '普通';
        if (this.batch === '提前批A段' || this.batch === '提前批B段' || this.batch === '提前批C段' || this.batch === '提前批专科') {
          batch = "提前";
        } else if (this.batch === '一批特殊' || this.batch === '二批特殊') {
          batch = "特殊";
        }
        let code = null;

        try {
          if (this.goFirstSchoolFlag) {
            this.childrenData.forEach(j => {
              code = j.schoolCode;
              throw new Error('LoopInterrupt');
            })
          } else {
            this.tableData.forEach(i => {
              if (i.color == 1) {
                code = i.code;
                throw new Error('LoopInterrupt');
              }
            });
          }
        } catch (e) {
          if (e.message !== "LoopInterrupt") throw e
        }
        if (code != null) {
          if (document.getElementsByClassName(batch + code + 'school')[this.searchhead]) {
            this.dingweiByNode(batch + code + 'school');
            this.currentCode = code
          } else {
            setTimeout(() => {
              const element = document.getElementsByClassName(batch + code + 'school');
              console.log(element);
              if (element) {
                this.dingweiByNode(batch + code + 'school');
              } else {
                console.error('未找到类名为' + batch + code + 'school的元素');
              }
            }, 500)
          }
        }
      }
    },
    dingweiByNode(className) {
      var dingweiNode = document.getElementsByClassName(className)[this.searchhead];
      if (dingweiNode.previousSibling != null && dingweiNode.previousSibling.previousSibling != null) {
        dingweiNode.previousSibling.previousSibling.scrollIntoView({block: "center"}); //scrollIntoView方法只在原生document中可以使用，jquery中没有这个方法，参数默认是true，将这个元素置于页面第一行（如果页面可以滑动函数才生效）
      } else {
        dingweiNode.scrollIntoView({block: "center"}); //scrollIntoView方法只在原生document中可以使用，jquery中没有这个方法，参数默认是true，将这个元素置于页面第一行（如果页面可以滑动函数才生效）
      }
    },
    clearCodeFn() {
      this.searchResultIdList = []
      this.currentCode = ''
    },
    // 检索结果上一个下一个
    toNextResultFn(type) {
      const index = this.searchResultIdList.findIndex(item => item == this.currentCode);
      let toIndex = index + type
      if (index + type < 0) {
        toIndex = this.searchResultIdList.length - 1
      } else if (index + type >= this.searchResultIdList.length) {
        toIndex = 0
      }
      // 小屏收起检索结果
      // if (this.collapseOpen) {
      //   this.searchToggleFn ()
      // }
      let batch = '普通';
      if (this.batch === '提前批A段' || this.batch === '提前批B段' || this.batch === '提前批C段' || this.batch === '提前批专科') {
        batch = "提前";
      } else if (this.batch === '一批特殊' || this.batch === '二批特殊') {
        batch = "特殊";
      }
      this.currentCode = this.searchResultIdList[toIndex]
      if (document.getElementsByClassName(batch + this.currentCode + 'school')[0]) {
        document.getElementsByClassName(batch + this.currentCode + 'school')[0].scrollIntoView({block: "center"}); //scrollIntoView方法只在原生document中可以使用，jquery中没有这个方法，参数默认是true，将这个元素置于页面第一行（如果页面可以滑动函数才生效）
      } else {
        setTimeout(() => {
          const element = document.getElementsByClassName(batch + this.currentCode + 'school');
          console.log(element);
          if (element) {
            element[this.searchhead].scrollIntoView({block: 'center'});
          } else {
            console.error('未找到类名为' + batch + this.currentCode + 'school的元素');
          }
        }, 500)
      }
    },
    // 搜索结果院校code高亮红色
    schoolCodeClasses(code) {
      let classes = ''
      if (this.currentCode === code) {
        classes = 'school-code-red'
      }
      return classes;
    },
    // 检索code变化
    searchCountFn() {
      if (this.count == 0) {
        return 0;
      }
      let index = 0
      if (this.currentCode) {
        index = this.searchResultIdList.findIndex(item => item == this.currentCode);
      }
      return index + 1;
    },
    getSchools() {
      this.loading = true
      this.pageObject.city = []
      this.pageObject.nature = []
      this.pageObject.hierarchys = ''
      this.pageObject.type = []
      this.pageObject.qualifications = ''
      this.pageObject.batch = this.programmes[0].batch
      this.pageObject.majorType = this.programmes[0].majorType
      this.pageObject.school = null
      this.pageObject.major1 = null
      this.pageObject.major2 = null
      this.pageObject.major3 = null
      this.pageObject.stuId = this.user.id
      if (this.pageObject.majorType == 3) {
        this.pageObject.majorType = 1;
      }
      if (this.pageObject.majorType == 4) {
        this.pageObject.majorType = 2;
      }
      const _this = this
      request({
        method: 'post',
        url: 'school/getSchoolInformations',
        data: this.pageObject
      }).then(res => {
        if (res.data != null) {
          res.data.forEach(i => i.schemeName = "")
          if (this.tableData && _this.childrenData) {
            for (var i = 0; i < res.data.length; i++) {
              _this.childrenData.forEach(j => {
                if (res.data[i].code == j.schoolCode) {
                  res.data[i].schemeName = j.schemeName
                }
              })
            }
          }
          this.count = res.data.length
        }
        this.tableData = res.data
        this.count = res.data.length
        this.loading = false
        this.dingweiSchool();
      })
    },
    // 常规带条件检索
    getSchool() {
      this.loading = true
      var hierarchys = "";
      if (this.checkedHierarchys.length > 0) {
        for (var i = 0; i < this.checkedHierarchys.length; i++) {
          if (i < this.checkedHierarchys.length - 1) {
            hierarchys += this.checkedHierarchys[i] + "|";
          } else {
            hierarchys += this.checkedHierarchys[i];
          }
        }
      }
      var qualifications = "";
      if (this.checkedQualifications.length > 0) {
        for (var i = 0; i < this.checkedQualifications.length; i++) {
          if (i < this.checkedQualifications.length - 1) {
            qualifications += this.checkedQualifications[i] + "|";
          } else {
            qualifications += this.checkedQualifications[i];
          }
        }
      }
      if (this.checkedCities == '不限') {
        this.pageObject.city = []
      } else {
        this.pageObject.city = this.checkedCities
      }
      if (this.checkedNatures == '不限') {
        this.pageObject.nature = []
      } else {
        this.pageObject.nature = this.checkedNatures
      }
      if (this.checkedHierarchys == '不限') {
        this.pageObject.hierarchys = ''
      } else {
        this.pageObject.hierarchys = hierarchys
      }
      if (this.checkedSchoolTypes == '不限') {
        this.pageObject.type = []
      } else {
        this.pageObject.type = this.checkedSchoolTypes
      }
      if (this.checkedQualifications == '不限') {
        this.pageObject.qualifications = ''
      } else {
        this.pageObject.qualifications = qualifications
      }
      this.pageObject.batch = this.programmes[0].batch
      this.pageObject.majorType = this.programmes[0].majorType
      this.pageObject.school = this.school
      this.pageObject.major1 = this.major1
      this.pageObject.major2 = this.major2
      this.pageObject.major3 = this.major3
      if (this.pageObject.majorType == 3) {
        this.pageObject.majorType = 1;
      }
      if (this.pageObject.majorType == 4) {
        this.pageObject.majorType = 2;
      }
      this.pageObject.stuId = this.user.id
      const _this = this
      // return
      request({
        method: 'post',
        url: 'school/getSchoolInformation',
        data: this.pageObject
      }).then(res => {
        if (res.data != null) {
          res.data.forEach(i => i.schemeName = "")
          if (this.tableData) {
            for (var i = 0; i < res.data.length; i++) {
              _this.childrenData.forEach(j => {
                if (res.data[i].code == j.schoolCode) {
                  res.data[i].schemeName = j.schemeName
                }
              })
            }
          }
          //重置之前搜索保存的记录
          this.searchResultIdList = [];
          let count = 0;
          res.data.forEach(i => {
            if (i.color == 1) {
              count = count + 1;
              this.searchResultIdList.push(i.code) // 存储检索结果需跳转转院校code
            }
          })
          this.count = count
        }
        this.tableData = res.data
        let count = 0;
        res.data.forEach(i => {
          if (i.color == 1) {
            count = count + 1;
          }
        })
        this.count = count
        this.loading = false
        this.dingweiSchool();
      })
    },
    stopF5Refresh() {
      document.onkeydown = function (e) {
        var evt = window.event || e;
        var code = evt.keyCode || evt.which;
        //屏蔽F1---F12
        if (code > 111 && code < 124) {
          if (evt.preventDefault) {
            evt.preventDefault();
          } else {
            evt.keyCode = 0;
            evt.returnValue = false;
          }
        }
      };
      //禁止鼠标右键菜单
      // document.oncontextmenu = function () {
      //   return false;
      // };
    },
    beforeunloadHandler(e) {
      e = e || window.event;
      if (e) {
        e.returnValue = "您是否确认离开此页面-页面数据可能会丢失";
      }
      return "您是否确认离开此页面-页面数据可能会丢失";
    },
    goTop() {
      document.body.scrollTop = document.documentElement.scrollTop = 0;
    }
  },
  computed: {},
  mounted() {
    window.addEventListener("beforeunload", (e) => {
      this.beforeunloadHandler(e);
    });
    this.$once('hook:beforeDestroy', () => {
      window.removeEventListener("beforeunload", (e) => {
        this.beforeunloadHandler(e);
      });
    })
  },
  created() {
    this.stopF5Refresh();
    if (JSON.parse(this.$route.query.programme != null)) {
      this.dialogVisible = false
      this.programmes = JSON.parse(this.$route.query.programme);
      this.childrenData = [...this.programmes]
      this.programmes[0].majorType = JSON.stringify(this.programmes[0].majorType)

      let tabItem = this.tabs.list.find(item => item.label === this.programmes[0].batch)
      if (tabItem) {
        this.tabs.active = tabItem.value
      }
      if (this.programmes[0].batch === "提前批A段" || this.programmes[0].batch === "提前批B段" || this.programmes[0].batch === "提前批C段" || this.programmes[0].batch === "提前批专科") {
        this.tqfrom = true
        this.ptfrom = false
        this.tsfrom = false
        // console.log('==111==', this.tqfrom)
      } else if (this.programmes[0].batch === '一批特殊' || this.programmes[0].batch === '二批特殊') {
        this.tsfrom = true
        this.tqfrom = false
        this.ptfrom = false
      } else {
        this.tsfrom = false
        this.tqfrom = false
        this.ptfrom = true
      }
    } else {
      this.$router.push({
        path: "/ManagementCenter"
      })
    }
    if (this.childrenData !== undefined && this.childrenData.length > 0) {
      this.batch = this.childrenData[0].batch
    }
    this.getDict()
    const user = localStorage.getItem("stu");
    this.user = JSON.parse(user)
    this.form.majorType = this.user.major
    this.precedence = this.user.precedence
    this.getSchools()
    this.getSchoolyz()
    this.getMajor()
    this.getSchoolName()
    this.stuId = this.user.id
    if (this.batch == "本科二批") {
      this.dropList = [
        {value: '1', label: '志愿A'},
        {value: '2', label: '志愿B'},
        {value: '3', label: '志愿C'},
        {value: '4', label: '志愿D'},
        {value: '5', label: '志愿E'},
        {value: '6', label: '志愿F'},
        {value: '7', label: '志愿G'},
        {value: '8', label: '志愿H'},
        {value: '9', label: '志愿I'},
        {value: '10', label: '志愿J'},
        {value: '11', label: '志愿K'},
        {value: '12', label: '志愿L'},
        {value: '13', label: '备选'},
        {value: '14', label: '取消'},
      ]
    } else if (this.batch == "高职专科") {
      this.dropList = [
        {value: '1', label: '志愿A'},
        {value: '2', label: '志愿B'},
        {value: '3', label: '志愿C'},
        {value: '4', label: '志愿D'},
        {value: '5', label: '志愿E'},
        {value: '6', label: '志愿F'},
        {value: '7', label: '志愿G'},
        {value: '8', label: '志愿H'},
        {value: '9', label: '备选'},
        {value: '10', label: '取消'},
      ]
    }
    if (this.batch === '提前批A段' || this.batch === '提前批B段' || this.batch === '提前批C段' || this.batch === '提前批专科') {
      this.disabledFlag = true;
    } else if (this.batch === '一批特殊' || this.batch === '二批特殊') {
      this.disabledFlag = true;
    } else {
      this.disabledFlag = false;
    }
  }
};
</script>

<style lang="stylus" scoped>
createIconStyle(size, align = text-top) {
  width size
  height size
  vertical-align align
  flex-shrink 0
}

textLabelStyle() {
  font-size: 14px;
  color: #333;
  flex-shrink: 0;
  margin-right: 15px;
  // line-height: 34px;
}

.font-strong
  font-weight: bold;

.queryParams-row1
  display flex
  align-items: center;
  textLabelStyle()
  // line-height 1

  &__label
    margin-right 15px
    line-height: 1;

  &__group /deep/
  display flex
    align-items center

    .el-radio__input
      font-size: 14px;

    .el-radio__label
      font-size: 14px;

.el-icon-caret-bottom
  color #ccc
  font-size 10px

.icon-top
  color #39B830

.icon-bottom
  color #f56c6c

.icon-info
  createIconStyle(20px)
  cursor pointer

.page
  // font-size: 15px;
  // background: #F9F9F9;

  &-bd
    position relative
    width BodyMaxWidth
    margin 0 auto 60px auto
    //margin 0 auto
    //padding-bottom 30px
    box-sizing border-box

  &-block
    uiBlock();
    box-sizing border-box
    padding 20px
    margin-bottom 20px
    position fixed
    top 133px
    width BodyMaxWidth
    z-index 999
    border-top 10px solid #F9F9F9

.breadcrumb
  width BodyMaxWidth
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  padding 19px 23px 19px 23px
  position: fixed;
  top: 75px;
  background: #f9f9f9;
  z-index: 1000;

  .icon-home
    width 18px
    height 18px
    vertical-align: top;
    margin-right 5px

.ui-tabs /deep/
margin-right
  40px
  --tabsPadding 10px

.school-code-red
  color #f00

.collapse
  position relative

  &-ft
    position absolute
    bottom 0
    right 0
    width 100%
    pointer-events none

  &-tags
    margin-right 528px

    /deep/ .el-tag
      margin 10px 10px 0 0

.chooseBlock
  display block
  opacity: 1;
  max-height 500px
  overflow: hidden;
  // transition: all .3s;

  &-close
    max-height 0

  &-cell
    display flex
    position relative
    margin-bottom 10px

    &:last-child
      margin-bottom 0

    &__label
      font-size: 14px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #333;
      flex-shrink 0
      margin-right 15px
      line-height: 34px;

#npt {
  position: fixed !important;
  right: 20px;
  top: 50%;
  margin-top -180px
}

#npt button {
  color: white;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-size: 15px;
  font-weight: initial;
  padding: 0;
  text-align: center;
}

#npt button span {
  display: inline-block;
  margin: auto;
}

.scheme {
  color: var(--primaryColor);
}

.not-scheme {
  color: #333;
}

.go-top
  position: fixed;
  right: 20px;
  bottom: 80px;
  height: 50px;
  width: 50px;
  border-radius 50%
  background-color: #f2f5f6;
  box-shadow: 0 0 6px rgba(0, 0, 0, .12);
  text-align: center;
  line-height: 50px;
  color #f96630;
  cursor pointer

.table-spec-th
  position: fixed;
  width: 1440px;
  margin: 0 auto;
  z-index: 999;

</style>
